<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>量词</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link href="" rel="stylesheet">
	<script>
		//  {n}     //正好出现n次
		//  {n,m}   //最少出现n次 最多m次
		//  {n,}   //最少出现n次 不限最多 相当于 +
		//  ？ 表示可有可无 {0,1}
		//  *  表示所有的

		// 0566-5160141-01
		// (0\d{2,3}-)?[1-9]{7}(-/d{1,4})?

 		// [1-9]\d{7}   //匹配电话号码
 		// [1-9]\d{4，10}   //匹配qq
 		window.onload=function (argument) {
 			var txt = document.getElementById('txt');
 			var btn = document.getElementById('btn');

 			btn.onclick=function(){
 				var re = /^\w+@[a-z0-9]+\.[a-z]+$/i;  // ^表示行首 $表示行尾
 				// var re = /\w+@[a-z0-9]+\.[a-z]+/i;
 				if(re.test(txt.value)){    //test只要有一部分符合要求 就返回 true
 					alert('ok!');
 				}else{
 					alert('error!');
 				}
 			}
 		}
	</script>
</head>
<body>
    <input type="text" id="txt" value="adassd@dasd.com"><br/>
    <button id="btn">按钮</button>
</body>
</html>